.wrap {
  width: 100%;

  .top {
    width: 100%;

    &::after {
      display: block;
      content: '';
      clear: both;
    }
  }

  .bottom {
    width: 100%;
    overflow-x: hidden;

    // overflow: auto;
    &::after {
      display: block;
      content: '';
      clear: both;
    }
  }
}

.bg-w {
  background-color: #fff;
}

//空占位符
.perch {
  width: 100%;
  height: 30px;
  clear: both;
}

//缩略图样式
.preview_img {
  position: relative;
  display: inline-block;
  top: 5px;
  width: 23px;
  height: 23px;
  margin-left: 10px;
}

//提示信息样式
.tip {
  font-size: 12px;
  font-weight: 400;
  color: #c4c6cf;
  line-height: 17px;
  margin-bottom: 5px;
}

// //左中右或四列布局
// /deep/.content {
//   display: flex;
//   flex-flow: row nowrap;

//   &.cover {
//     /deep/.el-form-item {
//       height: auto;
//       line-height: auto;
//     }
//   }

//   .before,
//   .after {
//     width: 50%;
//     flex: 1;
//     padding-right: 32px;

//     &:last-child {
//       margin-right: 0;
//     }
//   }

//   .left,
//   .middle,
//   .right {
//     min-width: 450px;
//     width: 33.3333%;
//     flex: 1;
//     padding-right: 113px;

//     .el-cascader {
//       width: 100%;
//     }
//   }

//   .colOne,
//   .colTwo,
//   .colThree,
//   .colFour {
//     min-width: 350px;
//     width: 25%;
//     flex: 1;
//     padding-right: 50px;
//   }

//   .el-form-item {
//     height: 70px;
//     line-height: 70px;
//     display: flex;
//     flex-flow: row nowrap;
//     align-items: center;
//     overflow: hidden;
//     margin-bottom: 0;
//     /*超出部分隐藏*/
//     text-overflow: ellipsis;
//     /* 超出部分显示省略号 */
//     white-space: nowrap;
//     /*规定段落中的文本不进行换行 */
//   }

//   &.registerStatus {
//     &>div:last-child {
//       padding-right: 0;
//     }
//   }
// }

//右侧按钮
.control {
  cursor: pointer;
  display: flex;
  align-items: center;
  float: right;
  // margin-right: 30px;
  font-size: 14px;
  font-weight: 600;
  color: rgba(43, 123, 251, 1);
  line-height: 22px;

  .el-button {
    font-weight: 600;
  }

  .svg-icon {
    transform: translateY(-1px);
    margin-right: 3px;
  }

  .btn1 {
    margin-right: 20px;
  }

  .btn2 {
    margin-right: 20px;
  }
}

//横线
.line {
  width: 100%;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.1);
}

.form_item {
  //表单展示样式，label+value
  .item_label {
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
    color: #909399;
  }

  .item_value {
    font-size: 12px;
    font-weight: 600;
    line-height: 12px;
    color: #3d3c41;
    overflow: hidden;
    /*超出部分隐藏*/
    text-overflow: ellipsis;
    /* 超出部分显示省略号 */
    white-space: nowrap;
    /*规定段落中的文本不进行换行 */
  }
}

//分页器
.block {
  position: fixed;
  bottom: 10px;
  right: 14px;
}

//element-ui消息通知弹框样式
.winClass {
  width: 35%;
}

//图标颜色统一调整
.my-message-box__title {
  .svg-icon {
    color: #faad14;
  }
}

//竖线
.v-1px {
  width: 1px;
  height: 14px;
  margin: 0 8px;
  background: rgba(233, 233, 233, 1);
}

//滚动条的滑块
// .app-mian::-webkit-scrollbar-thumb {
//   background-color: #2b7bfb;
//   border-radius: 4px;
// }

//滚动条的宽度
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  // background: rgba(125, 127, 142, 0.1);
}

::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1);
}

.nui-scroll:hover::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.3);
}

.nui-scroll::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.5);
}

::-webkit-scrollbar-track:hover {
  border-radius: 10px;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);
}
